<script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
<div id="loadimg" style="display:none;background-color: #333333;text-align: center;width: 100%;z-index: 999999;position: fixed;opacity: 0.5;top: 0;bottom: 0;left: 0;right: 0;"><img style="vertical-align: middle;margin-top: 15rem;" width="300px" src="__PUBLIC__assets/img/loading.gif" alt=""></div>
<div id="aler" style="display:none;background-color: rgba(51, 51, 51,0.5);text-align: center;width: 100%;z-index: 999;position: fixed;top: 0;bottom: 0;left: 0;right: 0;">
    <div style="vertical-align: middle;width: 38rem;height: 22rem;background-color: #ffffff;margin: 20rem auto;border-radius:3%;">
        <span style="float: right;margin-right: 1rem;margin-top: 1rem;cursor: pointer;" id="dell">
            <img src="__PUBLIC__assets/img/del.png" alt="" width="30px">
        </span>
        <div style="padding-top: 6rem;">生成数量：<input type="text" name="" value="0" id="shu" /></div>
        <div class="btna" style="padding-top: 3rem;">
            <button id="submm" style="width: 11rem;margin-left: 1rem;">随机生成题库</button>
        </div>
    </div>
</div>
<div class="all" id="app">
    <div class="left">
        <div class="item-s">
            <select name="" id="sel1">
                <option value="">--请选择--</option>
                {volist name="list" id="vo"}
                <option value="{$vo.cate_id}">{$vo.name}</option>
                {/volist}
            </select>
            <select name="" id="sel12">
                <option value="">--请选择--</option>

            </select>
            <select name="" id="sel13">
                <option value="">--请选择--</option>

            </select>
            <!-- <select name="" id="sel14">
                <option value="">--请选择--</option>
            </select> -->
        </div>
        <div class="item-x9" id="item-x9">
            <p id="loading9" style="display: none;">正常努力加载中……</p>
        </div>
        <div class="item-x" id="item-x" style="display: none;">
            <p id="loading" style="display: none;">正常努力加载中……</p>
        </div>
    </div>
    <div class="moddle">
        <div class="item-m">
            <div class="wenzi">样题&nbsp;&nbsp;&nbsp;&nbsp;编号：<span id="q_id"></span><span style="display: none;float: right;color: red;cursor: pointer;" id="del" data-id=""></span></div>
            <div class="question-title">
              <div>
                <text id="text1"></text>
                <text id="text2"></text>
              </div>  
              <div>
                <button class="show-desc" onclick="showDesc(1)">简介</button>
                <button class="pre-question" onclick="show1(1)">上一题</button>
                <button class="next-question" onclick="show1(2)">下一题</button>
                <button id="subm">添加</button>
              </div>  
            </div>

            
            <!--<text id="text3">习题数量：<span id="num"></span></text>-->
            <div class="timu" id="ques">
                <div class="loading2" style="display: none;">正常努力加载中……</div>
                <iframe id="myFrame" src="" style="width: 100%;height: 71rem;"></iframe>
            </div>
            <!--<div class="btna">
                <button id="prev" style="margin-left: 1rem">上一题</button><button id="suiji" style="margin-left: 4rem">随机</button><button id="next" style="margin-left: 4rem">下一题</button>
            </div>-->
        </div>
    </div>
    
    <div>
        <div class="item-x"  >
            <div><ul id="item-d"></ul></div>
        </div>
        
    </div>
    <div class="moddle">
        <div class="item-m">
            <div class="wenzi">样题&nbsp;&nbsp;&nbsp;&nbsp;编号：<span id="q_id2"></span><span style="display: none;float: right;color: red;cursor: pointer;" id="del" data-id=""></span></div>
            <div class="question-title">
              <div>
                <text id="text12"></text>
                <text id="text22"></text>
              </div>  
              <div>
                <button class="show-desc" onclick="showDesc(2)">简介</button>
                <button onclick="show2(1)">上一题</button>
                <button onclick="show2(2)">下一题</button>
                <button id="subb">移除</button>
              </div>  
            </div>

            
            <!--<text id="text3">习题数量：<span id="num"></span></text>-->
            <div class="timu" id="ques">
                <div class="loading22" style="display: none;">正常努力加载中……</div>
                <iframe id="myFrame2" src="" style="width: 100%;height: 71rem;"></iframe>
            </div>
            <!--<div class="btna">
                <button id="prev" style="margin-left: 1rem">上一题</button><button id="suiji" style="margin-left: 4rem">随机</button><button id="next" style="margin-left: 4rem">下一题</button>
            </div>-->
        </div>
    </div>
    <div class="right">
        <div class="two" style="height: 20rem;display: none;">
            <div class="two-item-o">拓展链接</div>
            <div class="two-item-t" style="margin-left: 0.6rem;">名称:<input name="other_name" id="other_name" style="width:88%" disabled/></div>
            <div class="two-item-t" style="margin-left: 0.6rem;">链接:<input name="other_url" id="other_url" style="width:88%" disabled/></div>
            <div class="two-item-t" style="margin-left: 0.6rem;">链接:<input name="other_url2" id="other_url2" style="width:88%" disabled/></div>
            <div class="two-item-t" style="margin-left: 0.6rem;">链接:<input name="other_url3" id="other_url3" style="width:88%" disabled/></div>
        </div>
        <div class="four">
            <div class="th-item-f">生成题库</div>
            <!--<div class="f-i-o">
                <div class="o-o">导入数量</div>
                <div class="o-t-s">
                    <input type="number" name="count" id="count" value="0">
                </div>
            </div>-->

            <div class="f-i-o">
                <div class="o-o">选择分类</div>
                <div class="o-t-s">
                    <select name="" id="sel2">
                        <option value="">--请选择--</option>
                        {volist name="tklist" id="vo"}
                        <option value="{$vo.id}">{$vo.name}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="f-i-o">
                <div class="o-o"></div>
                <div class="o-t-s">
                    <select name="" id="sel21">
                        <option value="">--请选择--</option>

                    </select>
                </div>
            </div>
            <div class="f-i-o">
                <div class="o-o"></div>
                <div class="o-t-s">
                    <select name="" id="sel22">
                        <option value="">--请选择--</option>

                    </select>
                </div>
            </div>
            
            <!--<div class="f-i-o">
                <div class="o-o">题库名称</div>
                <input class="" style="width: 72%;" type="text" name="cate_name" id="cate_name" value="" >
            </div>-->
            <div class="f-i-o">
                <div class="o-o">已添加数量：</div>
                <div class="o-t-s" id="addQuestionNum" style="color: red;">0</div>
            </div>

            <div class="btna">
                <!--<button id="subm" style="margin-left: 2rem;width: 11rem;">随机生成题库</button>-->
                <button id="sub">生成题库</button>
            </div>
        </div>
    </div>
    <input type="hidden" id="ck_question" name="" value="">
</div>

<script>
    var ids = [];
    var total = 0;
    $('#sel1').change(function(){
        var cid = $(this).val();
        var hhtml = `<option value="">--请选择--</option>`;
        $('#sel12').html(hhtml);
        $('#sel13').html(hhtml);
        // $('#sel14').html(hhtml);
        $('#item-x9').html('');
        $.ajax({
            url:"exam/question/get_cate_one",
            method: 'post',
            data: { 'cid': cid },
            success:function(data) {
                console.log(data);
                if(data.data != [])
                {
                    var html = '';
                    var list = data.data;
                    for (var j = 0; j < list.length; j++)
                    {
                        html += `<option value="` + list[j].id + `">` + list[j].name + `</option>`;
                    }

                    $('#sel12').append(html);
                }
            },
            error: function(err) {
                console.log("失败了: " + err);
            }
        });
    });
    $('#prev').click(function () {
        var module = $(".item-x ul li");
        // console.log(module);
        var n = 0;
        var del_id = $('#del').attr('data-id');
        for(var i = 0; i < module.length; i++)
        {
            var moattr = module[i].attributes["data-id"];
            // console.log(moattr.value);
            if(del_id == moattr.value)
            {
                n = i;
            }
        }
        var m = n - 1;
        if(m < 0)
        {
            return;
        }
        $(".item-x ul li").eq(m).click();
    });
    $('#next').click(function () {
        var module = $(".item-x ul li");
        // console.log(module);
        var n = 0;
        var del_id = $('#del').attr('data-id');
        for(var i = 0; i < module.length; i++)
        {
            var moattr = module[i].attributes["data-id"];
            // console.log(moattr.value);
            if(del_id == moattr.value)
            {
                n = i;
            }
        }
        var m = n + 1;
        $(".item-x ul li").eq(m).click();
    });
    $('#suiji').click(function () {
        var a = $(".item-x ul li").length;
        var x = 1,y = a;
        var num = Math.round(Math.random()*(y-x)+x) - 1;
        // alert(num);
        $(".item-x ul li").eq(num).click();
    });

    $('#sel12').change(function(){
        var cid = $(this).val();
        var hhtml = `<option value="">--请选择--</option>`;
        $('#sel13').html(hhtml);
        //$('#sel14').html(hhtml);
        $('#item-x9').html('');
        $.ajax({
            url:"exam/question/get_cate_one",
            method: 'post',
            data: { 'cid': cid },
            success:function(data) {
                console.log(data);
                if(data.data != [])
                {
                    var html = '';
                    var list = data.data;
                    for (var j = 0; j < list.length; j++)
                    {
                        html += `<option value="` + list[j].id + `">` + list[j].name + `</option>`;
                    }

                    $('#sel13').append(html);
                }
            },
            error: function(err) {
                console.log("失败了: " + err);
            }
        });
    });

    $('#sel13').change(function(){
        var cid = $(this).val();
        var hhtml = `<option value="">--请选择--</option>`;
        // $('#sel14').html(hhtml);
        $('#item-x9').html('');
        $.ajax({
            url:"exam/question/get_cate_one",
            method: 'post',
            data: { 'cid': cid },
            success:function(data) {
                console.log(data);
                if(data.data != [])
                {
                    var html = '';
                    var cate = data.data;
                    $('#item-x9').html('');
                    var html9 = `<div><ul>`;
                    var cid = 0;
                    for (var i = 0; i < cate.length; i++)
                    {
                        if (i==0 && cate[i].id>0) {
                            cid = cate[i].id;
                            cname = cate[i].name;
                        }
                        ids[i] = cate[i].id;
                        html9 += `<li data-id="` + cate[i].id + `" `+(i==0?'style="background-color: rgb(204, 204, 204);"':'')+`> ` + cate[i].name + `</li>`;
                    }
                    html9 += `</ul></div>`;
                    selectQuestionId = cid;
                    selectQuestionName = cname
                    $('#item-x9').html(html9);
                    getQuestionData(cid, 1);
                }
            },
            error: function(err) {
                console.log("失败了: " + err);
            }
        });
    });

    //查询题库对应的试题
    let nowQuestionList = [];
    let nowCheckedData = [];

    let checkedQuestionList = [];
    let checkedQuestionData = [];
    /**
     * 查询题库对应的试题
     * @param int cid 三级分类id
     * @param int cate 2已选中查看试题 
     */ 
    function getQuestionData(cid, cate){
        ids = [];
        total = 0;
        var str = 2
        if (cate == 1) {
            str = '';
            $('#subm').text('添加');
        }
        $('.loading2'+str).show();
        $('#describe'+str).val('正常努力加载中……');
        $('#other_url'+str).val('正常努力加载中……');
        $('#other_url2'+str).val('正常努力加载中……');
        $('#other_url3'+str).val('正常努力加载中……');
        $('#other_name'+str).val('正常努力加载中……');
        
        $.ajax({
            url:"exam/question/get_question_new",
            method: 'post',
            data: { 'cid': cid },
            success:function(data) {
                console.log(data);
                if (data.code == 100 && data.num>0) {
                    if (cate == 1) {
                        nowQuestionList = data.data;
                        nowCheckedData = nowQuestionList[0];
                        $('#text1').html(nowCheckedData.kind);
                        $('#text2').html(nowCheckedData.difficulty);
                        $('#q_id').html(nowCheckedData.id);
                        $('#describe').val(nowCheckedData.describe);
                        $('#other_url').val(nowCheckedData.other_url);
                        $('#other_url2').val(nowCheckedData.other_url2);
                        $('#other_url3').val(nowCheckedData.other_url3);
                        $('#other_name').val(nowCheckedData.other_name);
                        if (cate != 2 && selectedIds.indexOf(nowCheckedData['cate_id']) != -1) {
                            $('#subm').text('已添加');
                        } 
                        $('.loading2').hide();
                        $("#myFrame").attr("src", "get_views_new/ids/" + nowCheckedData.id);
                    } else {
                        checkedQuestionList = data.data;
                        checkedQuestionData = checkedQuestionList[0];
                        $('#text12').html(checkedQuestionData.kind);
                        $('#text22').html(checkedQuestionData.difficulty);
                        $('#q_id2').html(checkedQuestionData.id);
                        $('#describe').val(checkedQuestionData.describe);
                        $('#other_url').val(checkedQuestionData.other_url);
                        $('#other_url2').val(checkedQuestionData.other_url2);
                        $('#other_url3').val(checkedQuestionData.other_url3);
                        $('#other_name').val(checkedQuestionData.other_name);
                        $("#myFrame"+cate).attr("src", "get_views_new/ids/" + nowCheckedData.id);
                        $('.loading22').hide();
                    }
                    $('#del2').show(); 
                }
                
                
            },
            error: function(err) {
                console.log("失败了: " + err);
            }
        });
    }

    /**
     * 查看简介
     * @param init type 1:未选中查看试题 2:已选中查看试题 
     */ 
    function showDesc(type)
    {
        var showData = [];
        if (type==1) {
            showData = nowCheckedData;
        } else {
            showData = checkedQuestionData;
        }

        Layer.open({
            title:'简介',
            content:showData.describe?showData.describe:'此题无简介'
        });
    }

    /**
     * 执行切换试题后的数据
     * @param int type 1:上一题 2:下一题
     * @param int cate 1:未选中查看试题 2:已选中查看试题 
     */
    function show2(type)
    {
        $('.loading22').show();
        $('#describe').val('正常努力加载中……');
        $('#subm').text('添加');
        checkedQuestionData = changeQuestion(type, 2);
        if (selectedIds.indexOf(checkedQuestionData['cate_id']) != -1) {
            $('#subm').text('已添加');
        } 
        if (checkedQuestionData) {
            $('#text12').html(checkedQuestionData.kind);
            $('#text22').html(checkedQuestionData.difficulty);
            $('#q_id2').html(checkedQuestionData.id);
            $('#del').show();
            $("#myFrame2").attr("src", "get_views_new/ids/" + checkedQuestionData.id);
        } 
        $('.loading22').hide();
        
    }

     function show1(type)
    {
        $('.loading2').show();
        $('#describe').val('正常努力加载中……');
        $('#other_url').val('正常努力加载中……');
        $('#other_url2').val('正常努力加载中……');
        $('#other_url3').val('正常努力加载中……');
        $('#other_name').val('正常努力加载中……');
        $('#subm').text('添加');
        nowCheckedData = changeQuestion(type, 1);
        if (selectedIds.indexOf(nowCheckedData['cate_id']) != -1) {
            $('#subm').text('已添加');
        } 
        if (nowCheckedData) {
            $('#describe').val(nowCheckedData.describe);
            $('#other_url').val(nowCheckedData.other_url);
            $('#other_url2').val(nowCheckedData.other_url2);
            $('#other_url3').val(nowCheckedData.other_url3);
            $('#other_name').val(nowCheckedData.other_name);
            $('#text1').html(nowCheckedData.kind);
            $('#text2').html(nowCheckedData.difficulty);
            $('#q_id').html(nowCheckedData.id);
            $('#del').show();
            $('.loading2').hide();
            $("#myFrame").attr("src", "get_views_new/ids/" + nowCheckedData.id);
        } else {
            $('#describe').val('');
            $('#other_url').val('');
            $('#other_url2').val('');
            $('#other_url3').val('');
            $('#other_name').val('');
            $('.loading2').hide();
        }
        
    }

    /**
     * 获取切换试题后的数据
     * @param int type 1:上一题 2:下一题
     * @param int cate 1:未选中查看试题 2:已选中查看试题 
     */
    function changeQuestion(type, cate)
    {
        var questionList = [];
        var checkedData = [];
        console.log(questionList.indexOf(checkedData));
        if (cate == 1) {
            questionList = nowQuestionList;
            checkedData = nowCheckedData;
        } else {
            questionList = checkedQuestionList;
            checkedData = checkedQuestionData;
        }
        var index = questionList.indexOf(checkedData);
        if (index==-1) return [];
        var lastIndex = questionList.length-1;
        if (type == 1) {
            if(index == lastIndex){
                index = 0;
            } else {
                index++
            }
        } else {
            if(index == 0){
                index = lastIndex;
            } else {
                index--;
            }
            
        }
        return questionList[index];
    }

    $('#sel2').change(function () {
        $('#loadimg').show();
        var cate_id = $(this).val();
        console.log(cate_id);
        $.ajax({
            url:"exam/question/get_cate_this",
            method: 'post',
            data: { 'cid': cate_id },
            success:function(data) {
                if(data.code == 1)
                {
                    var html = '';
                    var list = data.data;
                    for (var j = 0; j < list.length; j++)
                    {
                        html += `<option value="` + list[j].id + `">` + list[j].name + `</option>`;
                    }

                    $('#sel21').append(html);
                    $('#loadimg').hide();

                }

            },
            error: function(err) {
                console.log("失败了: " + err);
            }
        });
    });
    $('#sel21').change(function () {
        $('#loadimg').show();
        var cate_id = $(this).val();
        console.log(cate_id);
        $.ajax({
            url:"exam/question/get_cate_this",
            method: 'post',
            data: { 'cid': cate_id },
            success:function(data) {
                if(data.code == 1)
                {
                    var html = '';
                    var list = data.data;
                    for (var j = 0; j < list.length; j++)
                    {
                        html += `<option value="` + list[j].id + `">` + list[j].name + `</option>`;
                    }

                    $('#sel22').append(html);
                    $('#loadimg').hide();

                }

            },
            error: function(err) {
                console.log("失败了: " + err);
            }
        });
    });

    $('#sub').click(function () {

        if(confirm("确定要生成吗？"))
        {
            var tkid = $('#sel22').val();
            // var cate_name = $('#cate_name').val();

            if(tkid)
            {
                /*if(cate_name == "")
                {
                    alert('请填写题库名');
                    return;
                }*/

                // if(ids.length > 0)
                if(selectedIds.length > 0)
                {
                    /*console.log(ids);
                    var count = $('#count').val();
                    if(count <= 0)
                    {
                        alert('请填写数量');
                        return;
                    }*/
                    /*var desc = $('#describe').val();
                    var other_url = $('#other_url').val();
                    var other_url2 = $('#other_url2').val();
                    var other_url3 = $('#other_url3').val();
                    var other_name = $('#other_name').val();*/
                    // var idss = '';
                    // for (var i = 0; i < ids.length; i++)
                    // {
                    //     idss += ids[i] + ',';
                    // }
                    let arr = [];
                    let id = '';
                    let sort = '';
                    $('#item-d').find('li').each(function() {
                        id = $(this).data('id');
                        sort = $(this).find('.sort').eq(0).val();
                        arr.push({
                            id:id,
                            sort:sort
                        });
                    });
                    $('#loadimg').show();
                    $.ajax({
                        url:"exam/question/fptk_new",
                        method: 'post',
                        data: { 'ids': JSON.stringify(arr), 'tkid': tkid },
                        // data: { 'ids': selectedIds.join(','), 'tkid': tkid },
                        success:function(data) {
                            $('#loadimg').hide();
                            if(data.code == 1)
                            {
                                alert('分配成功！');
                                setTimeout(function(){
                                    location.reload();
                                }, 300);
                            }

                        },
                        error: function(err) {
                            console.log("失败了: " + err);
                        }
                    });

                    return;
                }
                alert('请选择试题题库');
                return;
            }
            alert('请选择分类');
            return;
        }
    });

    //$('#subm').click(function () {
      //  $('#aler').show();
    //});
    $('#dell').click(function () {
        $('#aler').hide();
    });

    var selectQuestionId = 0; //当前选中的题id
    var selectQuestionName = ''; //当前选中的题名称
    var selectedIds = []; //已经确认添加的题id
    //点击左侧题目列表Li触发    
    $('#item-x9').on('click', 'li', function() {
        selectQuestionId = $(this).data('id');
        selectQuestionName = $(this).text();
        $(this).parent().children().css('background-color','#ffffff');
        $(this).css('background-color','#cccccc');
        getQuestionData(selectQuestionId, 1);
    })

    //添加到已选列表
    $('#subm').click(function() {

        if (!selectQuestionId) {
            Layer.open({
                titile:'提示',
                content:'请选择需要添加的题目'
            });
            return ;
        }
        if (selectedIds.indexOf(selectQuestionId) > -1) {
            Layer.open({
                titile:'提示',
                content:'已选列表中已存在，请勿重复选择'
            });
            return ;
        }
        selectedIds.push(selectQuestionId);
        var addQuestionNum = $('#addQuestionNum').text();
        var index = selectedIds.length;
        $('#addQuestionNum').text(parseInt(addQuestionNum)+1);
        $('#subm').text('已添加');
        $('#item-d').append('<li data-id="'+selectQuestionId+'"><input class="sort" type="text" style="width:5rem;margin-right:0.5rem;" value="'+index+'" onfocus="stopClick()"><span>'+selectQuestionName+'</span></li>');
    });

    function stopClick(e){
        e.preventDefault();
    }

    var selectedQuestionId = 0; //已选题列表中当前选中的题id
    var selectedQuestionName = ''; //已选题列表中当前选中的题名称
    //点击已选列表事件
    $('#item-d').on('click', 'span', function() {
        selectedQuestionId = $(this).parent().data('id');
        selectedQuestionName = $(this).parent().text();
        $('#item-d').find('span').each(function() {
            $(this).parent().removeClass('selected-color');
        });
        getQuestionData(selectedQuestionId, 2);
        $(this).parent().addClass('selected-color');
    })
    //从已选中移除
    $('#subb').click(function() {
        if (!selectedQuestionId) {
            Layer.open({
                titile:'提示',
                content:'请选择需要移除的题目'
            });
            return ;
        }

        let index = selectedIds.indexOf(selectedQuestionId)
        if (selectedQuestionId == nowCheckedData.cate_id) {
            $('#subm').text('添加');
        }
        selectedIds.splice(index, 1);
        $('#item-d').find('.selected-color').eq(0).remove();
        $('#myFrame2').attr('src', '');
        var addQuestionNum = $('#addQuestionNum').text();
        $('#addQuestionNum').text(parseInt(addQuestionNum)-1);
        // getQuestionInfo(selectQuestionId);
    });

    //获取题目详情
    function getQuestionInfo(cid)
    {
        
        $('.loading2').show();
        $('#describe').val('正常努力加载中……');
        $('#other_url').val('正常努力加载中……');
        $('#other_url2').val('正常努力加载中……');
        $('#other_url3').val('正常努力加载中……');
        $('#other_name').val('正常努力加载中……');
        $.ajax({
            url:"exam/question/get_view_new",
            method: 'post',
            data: { 'qid': cid },
            success:function(data) {
                 console.log('get_view_new',data);
                if(data.code == 100)
                {
                    $('.loading2').hide();
                    $('#describe').val(data.data.describe);
                    $('#other_url').val(data.data.other_url);
                    $('#other_url2').val(data.data.other_url2);
                    $('#other_url3').val(data.data.other_url3);
                    $('#other_name').val(data.data.other_name);
                    $('#text1').html(data.data.kind);
                    $('#text2').html(data.data.difficulty);
                    $('#q_id').html(data.data.id);
                    $('#del').show();
                    $("#myFrame").attr("src", "get_views_new/ids/" + data.data.id);
                }
            },
            error: function(err) {
                console.log("失败了: " + err);
            }
        });
            
    }

    //历史接口备份
    // // $('#sel14').change(function(){
    //     function getQuestionData(cid){
    //     ids = [];
    //     total = 0;
    //     // var cid = $(this).val();
    //     $('#loading').show();
    //     $('#loading9').show();
    //     $('#del').hide();
    //     $.ajax({
    //         url:"exam/question/get_question_new",
    //         method: 'post',
    //         data: { 'cid': cid },
    //         success:function(data) {
    //             // console.log(data);
    //             $(".loading").hide();
    //             $(".loading9").hide();
    //             if (data.code == 101)
    //             {
    //                 var html = `<p>暂无数据</p>`;
    //                 $('#item-x').html(html);
    //                 $('#num').html(data.num);
    //                 $('#describe').val('');
    //                 $('#other_url').val('');
    //                 $('#other_url2').val('');
    //                 $('#other_url3').val('');
    //                 $('#other_name').val('');
    //                 $('#text1').html('');
    //                 $('#text2').html('');
    //                 $("#myFrame").attr("src","");
    //                 if(data.list != [])
    //                 {
    //                     var cate = data.list;
    //                     console.log(cate);
    //                     $('#item-x9').html('');
    //                     var html9 = `<div><ul>`;
    //                     for (var i = 0; i < cate.length; i++)
    //                     {
    //                         ids[i] = cate[i].id;
    //                         html9 += `<li data-id="` + cate[i].id + `"> ` + cate[i].name + `</li>`;
    //                     }
    //                     html9 += `</ul></div>`;
    //                     $('#item-x9').html(html9);
    //                 }
    //                 // $('.item-x9 ul li').click(function () {
    //                 //     var cid = $(this).attr('data-id');
    //                 //     $(this).parent().children().css('background-color','#ffffff');
    //                 //     $(this).css('background-color','#cccccc');
    //                 //     $.ajax({
    //                 //         url:"exam/question/get_question_new",
    //                 //         method: 'post',
    //                 //         data: { 'cid': cid },
    //                 //         success:function(data) {

    //                 //             if (data.code == 101)
    //                 //             {
    //                 //                 var html = `<p>暂无数据</p>`;
    //                 //                 $('#item-x').html(html);
    //                 //                 $('#num').html(data.num);
    //                 //                 $('#describe').val('');
    //                 //                 $('#other_url').val('');
    //                 //                 $('#other_url2').val('');
    //                 //                 $('#other_url3').val('');
    //                 //                 $('#other_name').val('');
    //                 //                 $('#text1').html('');
    //                 //                 $('#text2').html('');
    //                 //                 $("#myFrame").attr("src","");

    //                 //             }
    //                 //             else if (data.code == 100)
    //                 //             {
    //                 //                 var list = data.data;
    //                 //                 $('#item-x').html('');
    //                 //                 // console.log(list);
    //                 //                 var html = `<div><ul>`;
    //                 //                 for (var i = 0; i < list.length; i++)
    //                 //                 {
    //                 //                     ids[i] = list[i].id;
    //                 //                     html += `<li data-id="` + list[i].id + `"> ` + list[i].name + `</li>`;
    //                 //                 }
    //                 //                 html += `</ul></div>`;
    //                 //                 // console.log(html);
    //                 //                 $('#item-x').html(html);
    //                 //                 $('#num').html(data.num);
    //                 //                 total = data.num;
    //                 //                 $('#describe').val('');
    //                 //                 $('#other_url').val('');
    //                 //                 $('#other_url2').val('');
    //                 //                 $('#other_url3').val('');
    //                 //                 $('#other_name').val('');
    //                 //                 $('#text1').html('');
    //                 //                 $('#text2').html('');
    //                 //                 $("#myFrame").attr("src","");
    //                 //                 // $('.item-x ul li').click(function () {
    //                 //                     if($(this).prev().length == 0)
    //                 //                     {
    //                 //                         $('#prev').attr('disabled',true);
    //                 //                         $('#prev').css('color','#ccc');
    //                 //                     }
    //                 //                     else
    //                 //                     {
    //                 //                         $('#prev').attr('disabled',false);
    //                 //                         $('#prev').css('color','#000');
    //                 //                     }
    //                 //                     if($(this).next().length == 0)
    //                 //                     {
    //                 //                         $('#next').attr('disabled',true);
    //                 //                         $('#next').css('color','#ccc');
    //                 //                     }
    //                 //                     else
    //                 //                     {
    //                 //                         $('#next').attr('disabled',false);
    //                 //                         $('#next').css('color','#000');
    //                 //                     }
    //                 //                     $(this).parent().children().css('background-color','#ffffff');
    //                 //                     $(this).css('background-color','#cccccc');
    //                 //                     var qid = $(this).attr('data-id');
    //                 //                     $('.loading2').show();
    //                 //                     $('#del').attr('data-id',qid);
    //                 //                     $('#describe').val('正常努力加载中……');
    //                 //                     $('#other_url').val('正常努力加载中……');
    //                 //                     $('#other_url2').val('正常努力加载中……');
    //                 //                     $('#other_url3').val('正常努力加载中……');
    //                 //                     $('#other_name').val('正常努力加载中……');
    //                 //                     $.ajax({
    //                 //                         url:"exam/question/get_view_new",
    //                 //                         method: 'post',
    //                 //                         data: { 'qid': qid },
    //                 //                         success:function(data) {
    //                 //                             // console.log(data);
    //                 //                             if(data.code == 100)
    //                 //                             {
    //                 //                                 $('.loading2').hide();
    //                 //                                 $('#describe').val(data.data.describe);
    //                 //                                 $('#other_url').val(data.data.other_url);
    //                 //                                 $('#other_url2').val(data.data.other_url2);
    //                 //                                 $('#other_url3').val(data.data.other_url3);
    //                 //                                 $('#other_name').val(data.data.other_name);
    //                 //                                 $('#text1').html(data.data.kind);
    //                 //                                 $('#text2').html(data.data.difficulty);
    //                 //                                 $('#q_id').html(data.data.id);
    //                 //                                 $('#del').show();
    //                 //                                 $("#myFrame").attr("src", "get_views_new/ids/" + data.data.id);
    //                 //                             }
    //                 //                         },
    //                 //                         error: function(err) {
    //                 //                             console.log("失败了: " + err);
    //                 //                         }
    //                 //                     });
    //                 //                 // });
    //                 //                 // $(".item-x ul li").eq(0).click();

    //                 //             }
    //                 //         },
    //                 //         error: function(err) {
    //                 //             console.log("失败了: " + err);
    //                 //         }
    //                 //     });
    //                 // });

    //             }
    //             else if (data.code == 100)
    //             {
    //                 var cate = data.data;
    //                 // console.log(cate);
    //                 $('#item-x9').html('');
    //                 var html9 = `<div><ul>`;
    //                 for (var i = 0; i < cate.length; i++)
    //                 {
    //                     ids[i] = cate[i].id;
    //                     html9 += `<li data-id="` + cate[i].id + `"> ` + cate[i].name + `</li>`;
    //                 }
    //                 html9 += `</ul></div>`;
    //                 $('#item-x9').html(html9);

    //                 var list = data.data;
    //                 $('#item-x').html('');
    //                 console.log(list);
    //                 var html = `<div><ul>`;
    //                 for (var i = 0; i < list.length; i++)
    //                 {
    //                     ids[i] = list[i].id;
    //                     html += `<li data-id="` + list[i].id + `"> ` + list[i].name + `</li>`;
    //                 }
    //                 html += `</ul></div>`;
    //                 // console.log(html);
    //                 $('#item-x').html(html);
    //                 $('#num').html(data.num);
    //                 total = data.num;
    //                 $('#describe').val('');
    //                 $('#other_url').val('');
    //                 $('#other_url2').val('');
    //                 $('#other_url3').val('');
    //                 $('#other_name').val('');
    //                 $('#text1').html('');
    //                 $('#text2').html('');
    //                 $("#myFrame").attr("src","");
    //                 // $('.item-x ul li').click(function () {
    //                 //     if($(this).prev().length == 0)
    //                 //     {
    //                 //         $('#prev').attr('disabled',true);
    //                 //         $('#prev').css('color','#ccc');
    //                 //     }
    //                 //     else
    //                 //     {
    //                 //         $('#prev').attr('disabled',false);
    //                 //         $('#prev').css('color','#000');
    //                 //     }
    //                 //     if($(this).next().length == 0)
    //                 //     {
    //                 //         $('#next').attr('disabled',true);
    //                 //         $('#next').css('color','#ccc');
    //                 //     }
    //                 //     else
    //                 //     {
    //                 //         $('#next').attr('disabled',false);
    //                 //         $('#next').css('color','#000');
    //                 //     }
    //                 //     $(this).parent().children().css('background-color','#ffffff');
    //                 //     $(this).css('background-color','#cccccc');
    //                 //     var qid = $(this).attr('data-id');
    //                 //     $('.loading2').show();
    //                 //     $('#del').attr('data-id',qid);
    //                 //     $('#describe').val('正常努力加载中……');
    //                 //     $('#other_url').val('正常努力加载中……');
    //                 //     $('#other_url2').val('正常努力加载中……');
    //                 //     $('#other_url3').val('正常努力加载中……');
    //                 //     $('#other_name').val('正常努力加载中……');
    //                 //     // $.ajax({
    //                 //     //     url:"exam/question/get_view_new",
    //                 //     //     method: 'post',
    //                 //     //     data: { 'qid': qid },
    //                 //     //     success:function(data) {
    //                 //     //         // console.log(data);
    //                 //     //         if(data.code == 100)
    //                 //     //         {
    //                 //     //             $('.loading2').hide();
    //                 //     //             $('#describe').val(data.data.describe);
    //                 //     //             $('#other_url').val(data.data.other_url);
    //                 //     //             $('#other_url2').val(data.data.other_url2);
    //                 //     //             $('#other_url3').val(data.data.other_url3);
    //                 //     //             $('#other_name').val(data.data.other_name);
    //                 //     //             $('#text1').html(data.data.kind);
    //                 //     //             $('#text2').html(data.data.difficulty);
    //                 //     //             $('#q_id').html(data.data.id);
    //                 //     //             $('#del').show();
    //                 //     //             $("#myFrame").attr("src", "get_views_new/ids/" + data.data.id);
    //                 //     //         }
    //                 //     //     },
    //                 //     //     error: function(err) {
    //                 //     //         console.log("失败了: " + err);
    //                 //     //     }
    //                 //     // });
    //                 // });
    //                 // $(".item-x ul li").eq(0).click();

    //                 // $('.item-x9 ul li').click(function () {
    //                 //     var cid = $(this).attr('data-id');
    //                 //     $(this).parent().children().css('background-color','#ffffff');
    //                 //     $(this).css('background-color','#cccccc');
    //                 //     // $.ajax({
    //                 //     //     url:"exam/question/get_question_new",
    //                 //     //     method: 'post',
    //                 //     //     data: { 'cid': cid },
    //                 //     //     success:function(data) {

    //                 //     //         if (data.code == 101)
    //                 //     //         {
    //                 //     //             var html = `<p>暂无数据</p>`;
    //                 //     //             $('#item-x').html(html);
    //                 //     //             $('#num').html(data.num);
    //                 //     //             $('#describe').val('');
    //                 //     //             $('#other_url').val('');
    //                 //     //             $('#other_url2').val('');
    //                 //     //             $('#other_url3').val('');
    //                 //     //             $('#other_name').val('');
    //                 //     //             $('#text1').html('');
    //                 //     //             $('#text2').html('');
    //                 //     //             $("#myFrame").attr("src","");

    //                 //     //         }
    //                 //     //         else if (data.code == 100)
    //                 //     //         {
    //                 //     //             var list = data.data;
    //                 //     //             $('#item-x').html('');
    //                 //     //             // console.log(list);
    //                 //     //             var html = `<div><ul>`;
    //                 //     //             for (var i = 0; i < list.length; i++)
    //                 //     //             {
    //                 //     //                 ids[i] = list[i].id;
    //                 //     //                 html += `<li data-id="` + list[i].id + `"> ` + list[i].name + `</li>`;
    //                 //     //             }
    //                 //     //             html += `</ul></div>`;
    //                 //     //             // console.log(html);
    //                 //     //             $('#item-x').html(html);
    //                 //     //             $('#num').html(data.num);
    //                 //     //             total = data.num;
    //                 //     //             $('#describe').val('');
    //                 //     //             $('#other_url').val('');
    //                 //     //             $('#other_url2').val('');
    //                 //     //             $('#other_url3').val('');
    //                 //     //             $('#other_name').val('');
    //                 //     //             $('#text1').html('');
    //                 //     //             $('#text2').html('');
    //                 //     //             $("#myFrame").attr("src","");
    //                 //     //             $('.item-x ul li').click(function () {
    //                 //     //                 if($(this).prev().length == 0)
    //                 //     //                 {
    //                 //     //                     $('#prev').attr('disabled',true);
    //                 //     //                     $('#prev').css('color','#ccc');
    //                 //     //                 }
    //                 //     //                 else
    //                 //     //                 {
    //                 //     //                     $('#prev').attr('disabled',false);
    //                 //     //                     $('#prev').css('color','#000');
    //                 //     //                 }
    //                 //     //                 if($(this).next().length == 0)
    //                 //     //                 {
    //                 //     //                     $('#next').attr('disabled',true);
    //                 //     //                     $('#next').css('color','#ccc');
    //                 //     //                 }
    //                 //     //                 else
    //                 //     //                 {
    //                 //     //                     $('#next').attr('disabled',false);
    //                 //     //                     $('#next').css('color','#000');
    //                 //     //                 }
    //                 //     //                 $(this).parent().children().css('background-color','#ffffff');
    //                 //     //                 $(this).css('background-color','#cccccc');
    //                 //     //                 var qid = $(this).attr('data-id');
    //                 //     //                 $('.loading2').show();
    //                 //     //                 $('#del').attr('data-id',qid);
    //                 //     //                 $('#describe').val('正常努力加载中……');
    //                 //     //                 $('#other_url').val('正常努力加载中……');
    //                 //     //                 $('#other_url2').val('正常努力加载中……');
    //                 //     //                 $('#other_url3').val('正常努力加载中……');
    //                 //     //                 $('#other_name').val('正常努力加载中……');
    //                 //     //                 $.ajax({
    //                 //     //                     url:"exam/question/get_view_new",
    //                 //     //                     method: 'post',
    //                 //     //                     data: { 'qid': qid },
    //                 //     //                     success:function(data) {
    //                 //     //                         // console.log(data);
    //                 //     //                         if(data.code == 100)
    //                 //     //                         {
    //                 //     //                             $('.loading2').hide();
    //                 //     //                             $('#describe').val(data.data.describe);
    //                 //     //                             $('#other_url').val(data.data.other_url);
    //                 //     //                             $('#other_url2').val(data.data.other_url2);
    //                 //     //                             $('#other_url3').val(data.data.other_url3);
    //                 //     //                             $('#other_name').val(data.data.other_name);
    //                 //     //                             $('#text1').html(data.data.kind);
    //                 //     //                             $('#text2').html(data.data.difficulty);
    //                 //     //                             $('#q_id').html(data.data.id);
    //                 //     //                             $('#del').show();
    //                 //     //                             $("#myFrame").attr("src", "get_views_new/ids/" + data.data.id);
    //                 //     //                         }
    //                 //     //                     },
    //                 //     //                     error: function(err) {
    //                 //     //                         console.log("失败了: " + err);
    //                 //     //                     }
    //                 //     //                 });
    //                 //     //             });
    //                 //     //             $(".item-x ul li").eq(0).click();

    //                 //     //         }
    //                 //     //     },
    //                 //     //     error: function(err) {
    //                 //     //         console.log("失败了: " + err);
    //                 //     //     }
    //                 //     // });
    //                 // });
    //                 $(".item-x9 ul li").eq(0).click();
    //             }
    //         },
    //         error: function(err) {
    //             console.log("失败了: " + err);
    //         }
    //     });
    // }

    

</script>
<style>
    body {
        background-color: #f2f2f2;
    }
    .all {
        display: flex;
    }
    .left {
        width: 30rem;
        display: flex;
        flex-direction: column;
    }
    .moddle {
        width: 40rem;
    }
    .right {
        width: 32.5rem;
        padding-left: 1rem;
    }
    .item-s select {
        width: 25rem;
        height: 3rem;
        margin-top: 1.25rem;
        margin-left: 1.25rem;
    }
    .item-x {
        height: 80rem;
        overflow-x: hidden;
        overflow-y: scroll;
        width: 25rem;
        background-color: white;
        border: 1px black solid;
        margin-top: 2rem;
        margin-left: 1.25rem;
        margin-right: 2rem;
    }
    .item-x ul {
        list-style-type: none;
        padding-left: 0;
    }
    .item-x ul li{
        padding-left: 1rem;
        cursor: pointer;
    }

    .selected-color {
        background-color: rgb(204, 204, 204);
    }

    .item-x9 {
        height: 67rem;
        overflow-x: hidden;
        overflow-y: scroll;
        width: 25rem;
        background-color: white;
        border: 1px black solid;
        margin-top: 2rem;
        margin-left: 1.25rem;
    }
    .item-x9 ul {
        list-style-type: none;
        padding-left: 0;
    }
    .item-x9 ul li{
        padding-left: 1rem;
        cursor: pointer;
        margin-top: 1px;
    }
    .item-m {
        width: 100%;
        height: 80.5rem;
        border: #999 solid 1px;
        margin-top: 1.25rem;
        padding-top: 4rem;
    }
    .moddle text {
        width: 100%;
        margin-left: 2.5rem;
        color: red;
    }
    .timu {
        width: 100%;
        height: 71rem;
        margin: auto;
        margin-top: 2rem;
        background-color: white;
    }
    .wenzi {
        background-color: #f2f2f2;
        font-weight: 500;
        font-size: 1.1rem;
        margin-top: -2.8rem;
        margin-bottom: 1.25rem;
        width: 30rem;
        margin-left: 0.6rem;
    }
    .one {
        margin-top: 1.25rem;
        width: 32rem;
        height: 18.125rem;
        border: #999 solid 1px;
    }
    .two-item-o {
        background-color: #f2f2f2;
        margin-top: -0.625rem;
        width: 12.5rem;
        margin-left: 0.625rem;
    }
    .two {
        margin-top: 2.5rem;
        width: 32rem;
        height: 18.125rem;
        border: #999 solid 1px;
    }
    .two-item-t {
        color: blue;
        margin-top: 1.25rem;
        margin-left: 1.9rem;
    }
    .three {
        margin-top: 2.5rem;
        width: 32rem;
        height: 16.25rem;
        border: #999 solid 1px;
    }
    .th-item-o {
        background-color: #f2f2f2;
        margin-top: -0.625rem;
        width: 16.25rem;
        margin-left: 0.6rem;
    }
    .th-item-t {
        margin-top: 1.25rem;
        margin-left: 1.9rem;
    }
    .th-item-t select {
        width: 13.75rem;
        height: 2.2rem;
    }
    .th-item-f {
        background-color: #f2f2f2;
        margin-top: -0.625rem;
        width: 15.625rem;
        margin-left: 0.625rem;
    }
    .four {
        margin-top: 1.3rem;
        width: 32rem;
        height: 25rem;
        border: #999 solid 1px;
    }
    .f-i-o {
        margin-top: 1.9rem;
        margin-left: 1.25rem;
        display: flex;
        justify-content: space-between;
        width: 26.875rem;
    }
    .o-t {
        color: blue;
        width: 13.75rem;
        text-align: center;
    }
    .o-t-f {
        width: 13.75rem;
        text-align: center;
        border: #999 solid 1px;
        background-color: white;
    }
    .o-t-s select {
        width: 19.375rem;
        text-align: center;
        height: 2.2rem;
        background-color: white;
    }
    .btna button {
        width: 7.25rem;
        height: 2.5rem;
        margin-left: 8rem;
        margin-top: 2.25rem;
        display: inline-block;
    }

    .question-title {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-right: 1rem;
    }

   
</style>